<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
</head>

<body>
    <main>
        <!-- 头像部分 -->
        <div class="img">
            <!-- 头像 -->
            <div>
                <img src="../../assets/images/touxiang.jpeg" alt="">
                <span class="username">用户名：</span>
                <span class="gt">&gt;</span>
            </div>

            <!-- 个性签名 -->
            <p>个性签名：<span class="signature"></span></p>
        </div>

        <!-- 详情 -->
        <div class="particulars">
            <!-- 运动数据 -->
            <div class="data">
                <p>
                    <i class="iconfont icon-shuju"><span>运动数据</span></i>
                    <i class="iconfont icon-jinrujiantou"></i>
                </p>

                <div>
                    <!-- 总运动 -->
                    <div>
                        <p>总运动</p>
                        <h1>99999<span>分钟</span></h1>
                    </div>
                    <!-- 本周消耗 -->
                    <div>
                        <p>本周消耗</p>
                        <h1>99999<span>千卡</span></h1>
                    </div>
                </div>
            </div>

            <!-- 运动徽章 -->
            <div class="badge">
                <!-- 我的运动徽章 -->
                <div class="my-badge">
                    <p>
                        <i class="iconfont icon-sharpicons_badge-"><span>我的运动徽章</span></i>
                        <i class="iconfont icon-jinrujiantou"></i>
                    </p>

                    <!-- 徽章 -->
                    <p>
                        <img src="../../assets/images/mybadge01.jpg" alt="">
                        <img src="../../assets/images/mybadge02.jpg" alt="">
                        <img src="../../assets/images/mybadge03.jpg" alt="">
                    </p>
                </div>
            </div>
        </div>

        <!-- 退出登录 -->
        <button type="button">退出登录</button>
    </main>

    <!-- 底部导航 -->
    <nav class="tabbar"></nav>
</body>

</html>